<script setup lang="ts">
import { ref, reactive } from "vue";
import Syntax from "components/syntax/Syntax.vue";
import Bar from "components/syntax/Bar.vue";
import NavBar from "../../components/common/navbar/NavBar.vue";
import ELUITest from "components/syntax/ELUITest.vue";
import Book from 'components/test/Book.vue'

import {
  Check,
  Delete,
  Edit,
  Message,
  Search,
  Star,
} from "@element-plus/icons-vue";
function imageLoad() {
  console.log("imageLoad");
}
function btnClick() {
  console.log("btnClick");
}
</script>

<template>
  <div class="category">
    <nav-bar class="home-nav">
      <template v-slot:nav-center>
        <div>购物街</div>
      </template>
    </nav-bar>

    分类
    <!-- <img src="http://s11.mogucdn.com/mlcdn/c45406/180811_1k5hfa6d803575df3lkb6j67l5j3c_640x960.jpg_320x999.jpg"
    alt="" @load="imageLoad" @click.native="btnClick"> -->
    <Syntax></Syntax>
    <Bar></Bar>
    <Book></Book>
    <ELUITest></ELUITest>
  </div>
</template>

<style lang="less" scoped>
// .el-button--primary{
//   background-color: #25af80;
// }

</style>
